﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>简单的生日礼物</title>
<link rel="stylesheet" href="css/styles.css" />
</head>

<body>
<div class="demo-wrapper">
  <h1></h1>
  <ul class="portfolio-items">
    <li class="item">
      <figure>
        <div class="view"> <img src="images/0.jpg" /> </div>
        <figcaption>
          <p><span> <a href="#">这是你在长大的照片</a></span></p>
          <p><span>我们在这里走过多少次呢</span></p>
        </figcaption>
      </figure>
      <div class="date"> 长大</div>
    </li>
    <li class="item">
      <figure>
        <div class="view"> <img src="images/1.jpg" /> </div>
        <figcaption>
          <p><span> <a href="#">冬天做船过江</a></span></p>
          <p><span>坐船过江,快要被吹飞了</span></p>
        </figcaption>
      </figure>
      <div class="date"> 疯狂</div>
    </li>
    <li class="item">
      <figure>
        <div class="view"> <img src="images/2.jpg" /> </div>
        <figcaption>
          <p><span> <a href="#"> 这是在哪你知道吗</a></span></p>
          <p><span>想知道来问我吧</span></p>
        </figcaption>
      </figure>
      <div class="date"> 武汉</div>
    </li>
    <li class="item">
      <figure>
        <div class="view"> <img src="images/3.jpg" /> </div>
        <figcaption>
          <p><span> <a href="#"> 站姿可以</a></span></p>
          <p><span>我觉得这个照的还挺好的</span></p>
        </figcaption>
      </figure>
      <div class="date"> 南京</div>
    </li>
    <li class="item">
      <figure>
        <div class="view"> <img src="images/4.jpg" /> </div>
        <figcaption>
          <p><span><a href="#">又到长江</a></span></p>
          <p><span>不过这里是长沙了,短暂的旅游 </span></p>
        </figcaption>
      </figure>
      <div class="date"> 长沙</div>
    </li>
    <li class="item">
      <figure>
        <div class="view"> <img src="images/5.jpg" /> </div>
        <figcaption>
          <p><span><a href="#">哈哈哈</a></span></p>
          <p><span>离开武汉之前照的,趟的不错</span></p>
        </figcaption>
      </figure>
      <div class="date"> 离别</div>
    </li>
    <li class="item">
      <figure>
        <div class="view"> <img src="images/6.jpg" /> </div>
        <figcaption>
          <p><span><a href="#">在北京</a></span></p>
          <p><span>虽然这个照片看不出在哪,但是我知道就好</span></p>
        </figcaption>
      </figure>
      <div class="date"> 北京</div>
    </li>
    <li class="item">
      <figure>
        <div class="view"> <img src="images/7.jpg" /> </div>
        <figcaption>
          <p><span><a href="#">你毕业了,可是我没有在陪你</a></span></p>
          <p><span>不要紧,我可以陪你再去看一次的</span></p>
        </figcaption>
      </figure>
      <div class="date"> 毕业</div>
    </li>
    <li class="item">
      <figure>
        <div class="view"> <img src="images/8.jpg" /> </div>
        <figcaption>
          <p><span><a href="#">这是希望</a></span></p>
          <p><span>我们以后会如此吧</span></p>
        </figcaption>
      </figure>
      <div class="date"> 以后</div>
    </li>
  </ul>
</div>
<div class="demo-wrapper">生日快乐.你的生日我不在,只能做一个简单的礼物送给你,我就选了一些照片,你如果有更好的我们可以以后把这完善. 
<embed src="music/341204203443001.mp3" hidden="true" autostart="true" loop="true">
</div>
<script src="js/jquery-1.8.2.min.js"></script>
<script src="js/modernizr-1.5.min.js"></script> 
<script src="js/jquery.mousewheel.js"></script> 
<script src="js/scripts.js"></script>

</body>
</html>
